<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // ?. 用于访问对象深处的属性, 在访问期间有可能有些属性不存在, 导致多次链式访问会报错, 不想看到这个错误, 使用可选链运算符
    const o = {
      name:{
        // age: {
        //   sex: '男'
        // }
      }
    }
    // console.log(o.name.age.sex) // 报错
    console.log(o.name?.age?.sex) // 访问到就输出 访问不到就undefined
  </script>
</body>
</html>